<!--header-->
<template>
    <header>
        <div class="navbar navbar-inverse navbar-data navbar-fixed-top" id="menu">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="javascript:history.go(-1);"> <i class="fa fa-chevron-left"></i>
                    </a>
                    <a class="navbar-brand" href="index.html">后台数据管理系</a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="data.html">实时数据</a>
                        </li>
                        <li>
                            <a href="data_rencently.html">近期概况</a>
                        </li>
                        <li>
                            <a href="data_to_yes.html">截止昨日</a>
                        </li>
                        <li>
                            <a href="data_today.html">今日即时数据</a>
                        </li>
                        <li>
                            <a href="data_day.html">单日汇总数据</a>
                        </li>
                        <li>
                            <a href="data_repair.html">数据检查与修复</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!-- /header -->
</template>
<style lang="scss">
.navbar-data,.navbar-inverse{
    background-color: #0e90d2;
    border-color: #56aad5;
}
.navbar-inverse .navbar-brand{
    color:#fff;
}
.navbar-inverse .navbar-collapse{
    border-color: #2a86b5;
}
.navbar-inverse .navbar-nav>li>a{
    color:#fff;
}
</style>
